<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <link href="./css/pretty.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/config.js"></script>
    <script type="text/javascript" src="./Build/Cesium/Cesium.js"></script>
    <title>1创建三维场景</title>
</head>

<body>
    <div id="cesiumContainer"></div>

    <script>
        let viewer;
        window.onload = function () {
            window.viewer = viewer = new Cesium.Viewer("cesiumContainer");
            //使用本地的一张图片初始化地球，建议图片长宽比2:1
            viewer.imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
                url: "./images/worldimage.jpg"
            }))

            // 添加BingMap影像
            // viewer.imageryLayers.addImageryProvider(new Cesium.BingMapsImageryProvider({
            //     url: 'https://dev.virtualearth.net',
            //     mapStyle: Cesium.BingMapsStyle.AERIAL,
            //     key: URL_CONFIG.BING_MAP_KEY //由BingMap官网申请的密钥
            // }));

            // 添加天地图作为底图
            // var labelImagery = new Cesium.TiandituImageryProvider({
            //     mapStyle: Cesium.TiandituMapsStyle.CIA_C,//天地图全球中文注记服务
            //     token: URL_CONFIG.TOKEN_TIANDITU //由天地图官网申请的密钥
            // });
            // viewer.imageryLayers.addImageryProvider(labelImagery);
        }
    </script>
</body>

</html>